<template>
    <div class="home">
        <Header />
        <el-container class="content">
            <!-- <el-aside width="200px"></el-aside> -->
            <Menu />
            <el-container>
                <el-main>
                     <Bread/>
                    <div class="cont">
                       
                    </div>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>

    </div>


</template>


<script>
import Header from '@/components/common/Header'
import Bread from '@/components/common/Breadcrumb'
import Menu from '@/components/common/Menu'
export default {
    components: {
        Header,
        Bread,
        Menu
    },
    data() {
        return {}
    }
}
</script>



<style lang="less" >
.home {
    width: 100%;
    height: 100%;

    .content {
        position: absolute;
        width: 100%;
        top: 97px;
        bottom: 0;
    }
    .cont{
        margin: 10px;
    }


}
</style>